<template>
<div>
    <Row class="info">
        <table class="tableH tableH-bordered mt10 mb10">
            <tbody>
                <tr>
                    <td rowspan="2" class="tc">参展商报到时间</td>
                    <td class="tc">2020年2月24日</td>
                    <td class="tc">09:00 ~ 17:00</td>
                </tr>
                <tr>
                    <td class="tc">2020年2月25日</td>
                    <td class="tc">09:00 ~ 17:00</td>
                </tr>
            </tbody>
        </table>
    </Row>
</div>
</template>

<script>
export default {
    name: '',
    data() {
        return {

        }
    }
}
</script>

<style lang="less" scoped>
/** 常用变量
*
*/
@colorTd: #dcdee2; // table边框

.tableH {
    width: 100%;
    border-collapse: collapse;

    &.twoColumn {

        td,
        th {
            width: 50%;
        }
    }

    &.tableH-bordered {
        tr {

            td,
            th {
                border: 1px solid @colorTd;
            }
        }
    }

    td,
    th {
        padding: 4px;
    }

    th {
        padding: 10px 4px;
    }

    &.tc {

        td,
        th {
            text-align: center;
        }
    }
}
</style>
